<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
<!--    <link href="include/header.html">-->
    <!--bootstrap-->
    <link href="/shop-app/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="/shop-app/js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="/shop-app/bootstrap/js/bootstrap.min.js"></script>
    <!--引入HttpUtil.js-->
    <script src="/shop-app/js/HttpUtil.js" ></script>
    <!--引入存到浏览器的js文件-->
    <script src="/shop-app/js/UserCacheUtil.js"></script>
    <script src="/shop-app/js/GoodsTypeUtils.js"></script>
    <!-- 界面报icon找不到问题 -->
    <link rel="shortcut icon" href="#"/>

</head>
<body>

<!--导入页面公共头部-->
<div class="Top_header"></div>

<!--<nav class="navbar navbar-default col-xs-10 col-xs-offset-1">-->
    <div class="container ">
        <div>
            <!--轮播图 start-->
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="/shop-app/goods/img/1.jpg" class="  container-fluid" width="550px" height="250px">
                    </div>
                    <div class="item">
                        <img src="/shop-app/goods/img/2.jpg" class="  container-fluid" width="550px" height="250px">
                    </div>
                    <div class="item">
                        <img src="/shop-app/goods/img/3.jpg" class="  container-fluid" width="550px" height="250px">
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
    </div><!-- /.container-fluid -->
    </div>
<!--</nav>-->




<!--导入浏览商品列表-->
<!--<div class="goodsList"></div>-->

<div>
    <div class="embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item" src="/shop-app/goods/goodsList.html"></iframe>
    </div>
</div>


<script>

        //等待页面加载完成，导入 header.html
       $(".Top_header").load('/shop-app/include/header.html');
       // $(".goodsList").load('/shop-app/goods/goodsList.html');
</script>

</body>
</html>